// 组件变量
// 名称可按如下规则定义：
// <component>-[type]-[attrtype]-<attr>-[status]

// component: 组件名，如 button
// type: 组件类型，如 button 的次要按钮（line）
// attrtype: 属性的具体应用场景。如颜色，用于背景（bg）、文本（text）、边框（border）等
// attr: 属性名称，如 color、height、radius 等
// status: 表示组件状态或尺寸，如 hover、disabled、s、l 等

// 如：@button-line-bg-color-hover
// 如：@button-line-height-s

// 颜色
@swiper-trigger-wrap-inactive: @text-color-disabled;
@swiper-trigger-wrap-active: @text-color-secondary;
@swiper-close-color: @text-color-placeholder;

// 尺寸
@swiper-trigger-wrap-font: @font-size-xl;
@swiper-trigger-line-height: @text-line-height-s;
@swiper-close-font: @font-size-base;

// 间距
@swiper-content-height: @spacer-6;
@swiper-close-width: @spacer-4;
@swiper-trigger-wrap-padding: @spacer-2 @spacer-1;
@swiper-close-padding: @spacer-2 @spacer-3 @spacer-2 4px;
